<h2 class="page-header">Dapr Configurations</h2>
<table mat-table [dataSource]="config" class="table-large mat-elevation-z8" *ngIf="configurationsLoaded">
  <ng-container matColumnDef="name">
    <th mat-header-cell *matHeaderCellDef>Name</th>
    <td mat-cell *matCellDef="let item"><a routerLink="/configurations/{{item.name}}">{{ item.name }}</a></td>
  </ng-container>
  <ng-container matColumnDef="tracing-enabled">
    <th mat-header-cell *matHeaderCellDef>Tracing Enabled</th>
    <td mat-cell *matCellDef="let item">{{ item.tracingEnabled}}</td>
  </ng-container>
  <ng-container matColumnDef="metrics-enabled">
    <th mat-header-cell *matHeaderCellDef>Metrics Enabled</th>
    <td mat-cell *matCellDef="let item">{{ item.metricsEnabled }}</td>
  </ng-container>
  <ng-container matColumnDef="mtls-enabled">
    <th mat-header-cell *matHeaderCellDef>MTLS Enabled</th>
    <td mat-cell *matCellDef="let item">{{ item.mtlsEnabled }}</td>
  </ng-container>
  <ng-container matColumnDef="mtls-workload-ttl">
    <th mat-header-cell *matHeaderCellDef>WorkloadCert TTL</th>
    <td mat-cell *matCellDef="let item">{{ item.mtlsWorkloadTTL }}</td>
  </ng-container>
  <ng-container matColumnDef="mtls-clock-skew">
    <th mat-header-cell *matHeaderCellDef>Clock Skew</th>
    <td mat-cell *matCellDef="let item">{{ item.mtlsClockSkew }}</td>
  </ng-container>
  <ng-container matColumnDef="age">
    <th mat-header-cell *matHeaderCellDef>Age</th>
    <td mat-cell *matCellDef="let item">{{ item.age }}</td>
  </ng-container>
  <ng-container matColumnDef="created">
    <th mat-header-cell *matHeaderCellDef>Created</th>
    <td mat-cell *matCellDef="let item">{{ item.created }}</td>
  </ng-container>
  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>